<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
	<ui:define name="content">
	
	<!--  Inicio Dialogo Nueva solicitud -->
	<p:dialog header="Nueva solicitud de emisión de documentos" id="dialogSol" modal="true" resizable="false" 
			widgetVar="dlgSolicitud" hideEffect="puff" appendToBody="true" styleClass="panel-azul" width="500" height="190" >
	
		<p:panel  styleClass="panel-azul">
		<h:form>
		<h:panelGrid columns="2" width="200">
		<p:outputLabel value="Documento a solicitar" for="cboDocumento" style="display:block;width:100px" />
		<p:selectOneMenu id="cboDocumento" value="#{solicitudDocumentoMB.solicitud.tipoDocumento.idDocumento}" required="true" requiredMessage="Seleccione el tipo de documento" style="">
		<f:selectItem itemValue="#{null}" itemLabel="-- Seleccione --" />
		<f:selectItems value="#{parametroMB.tiposSolicitudes}" var="sol" itemValue="#{sol.idDocumento}" itemLabel="#{sol.descripcion}" />
		</p:selectOneMenu>
		</h:panelGrid>
		<p:outputLabel value="Ingrese Motivo o Dato adicional" for="txtMotivo"  /><br />
		<h:inputTextarea id="txtMotivo" required="true" value="#{solicitudDocumentoMB.solicitud.detalle}" cols="70" rows="4" onblur="value=value.toUpperCase()" requiredMessage="Ingrese el motivo"/>
		<h:panelGrid columns="4">
		<p:commandButton value="Registrar" action="#{solicitudDocumentoMB.registrarNuevaSolicitud}" update=":frmSolicitud:dtLstSolicitud , :frmSolicitud:msj" oncomplete="handleRequestDefault(xhr, status, args,dlgSolicitud);"/>
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgSolicitud.hide();"/>
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	
	</p:dialog>
	<!--  FIN Dialogo Nueva solicitud -->
	
	
	<p:panel header="Solicitar Emisión de documentos" style="width:950px;height:500px" styleClass="panel-azul">
	<h:form id="frmSolicitud">
	<p:growl id="msj" showDetail="true"/>
	<p:confirmDialog id="confirmDialog" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de Anulacion" severity="alert" widgetVar="confirmation">  
                  
        <p:commandButton id="confirm" value="Si" update=":frmSolicitud:dtLstSolicitud , :frmSolicitud:msj" oncomplete="confirmation.hide()"  
                    actionListener="#{solicitudDocumentoMB.anularSolicitud}" immediate="true"/>  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmation.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	
	
	<p:panel header="Documentos solicitados"  styleClass="panel-azul">
	
		<h:panelGrid columns="7">
		
		<p:outputLabel value="Desde: "  for="desde"/>
		<p:outputLabel value="Hasta: "  for="hasta"/>
		<h:outputLabel value="Estado: " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<p:calendar  id="desde" value="#{solicitudDocumentoMB.desde}" navigator="true" showOn="button" required="true" requiredMessage="Ingrese la fecha inicial"/>
		<p:calendar  id="hasta" value="#{solicitudDocumentoMB.hasta}" navigator="true" showOn="button" required="true" requiredMessage="Ingrese la fecha final"/>
		<h:selectOneMenu style="width:150px" value="#{solicitudDocumentoMB.estadoSolicitud}">
		<f:selectItems value="#{solicitudDocumentoMB.listaEstadosSolicitud}"/>
		</h:selectOneMenu>
		<p:commandButton value="Listar" action="#{solicitudDocumentoMB.listarSolicitudes}" update="frmSolicitud" />
		<p:spacer width="20"/>
		<p:commandButton value="Nueva Solicitud" onclick="dlgSolicitud.show();" type="button"/>
		<p:commandButton value="Eliminar Solicitud" onclick="if (dtLstSolicitudWidget.getSelectedRowsCount()==0){alert('Debe elegir un solicitud a eliminar');}else{confirmation.show();}" type="button"/>
		</h:panelGrid>
		<br />
		<p:dataTable id="dtLstSolicitud" styleClass="tbl_cgr" value="#{solicitudDocumentoMB.solicitudes}" var="solicitud" rowIndexVar="idx" rowKey="#{solicitud}" paginator="true" paginatorAlwaysVisible="false" selection="#{solicitudDocumentoMB.solicitudSelected}"
		paginatorPosition="bottom" widgetVar="dtLstSolicitudWidget">
		<f:facet name="header"><h:outputLabel value="Lista de Documentos Solicitados" /></f:facet>
		<p:column headerText="Item" style="width:50px"><h:outputLabel value="#{idx+1}" /></p:column>
		<p:column headerText="Tipo Documento" style="width:200px"><h:outputLabel value="#{solicitud.tipoDocumento.descripcion}" /></p:column>
		<p:column headerText="Descripcion / detalle " style="width:300px"><h:outputLabel value="#{solicitud.detalle}" /></p:column>
		<p:column headerText="Fecha Solicitud"><h:outputLabel value="#{solicitud.fechaSolicitud}" /></p:column>
		<p:column headerText="Estado solicitud"><h:outputLabel value="#{solicitud.estado}"  /></p:column>
		<p:column headerText="Elegir" selectionMode="single"></p:column>
		</p:dataTable>
	</p:panel>
	
	</h:form>
	
	</p:panel>

	

		
		
	</ui:define>

</ui:composition>

</html>